<html>
<head>
<style>
a {
   color: blue;
}
a:hover {
   color: black;
}
</style>
</head>
<body>
<div><strong>Lobo 0.98.3 forces the height of the first box based on its right float.</strong></div>
<a href="http://lobobrowser.org">outlink</a>
<div style="border: blue solid 1px;">
   <div style="border: red solid 1px; width: 200px; height: 400px; float: right;">
      <div style="border: green solid 1px; width: 100px; height: 50px; float: right;">
      nested div
      <a href="http://lobobrowser.org">nested link</a>
      </div>
      <a href="http://lobobrowser.org">inlink</a>
      This is an inner DIV that floats right
      This is an inner DIV that floats right
      This is an inner DIV that floats right
      This is an inner DIV that floats right
      This is an inner DIV that floats right      
   </div>
   <a href="http://lobobrowser.org">link</a>
   This is the main DIV
   This is the main DIV
   This is the main DIV
   This is the main DIV
   This is the main DIV
   This is the main DIV
   This is the main DIV
   This is the main DIV
   This is the main DIV
</div>
<div style="border:magenta solid 1px;">
   <a href="http://lobobrowser.org">link2</a>
   This is a second DIV and the float does not
   belong here.
</div>


</body>
</html>

